<template>
	
<!-- 	 <view>底部导航按钮</view> -->
<view>
	 <view style="height: 100rpx;"></view>
	 <view class="d-flex position-fixed      bottom-0 left-0  w-100  bg-white"  style="height: 100upx;">
		   <view class="flex-1  d-flex flex-column    a-center j-center "  style="height: 100upx;"   hover-class="bg-light-secondary">
			   <view class="iconfont icon-xihuan text-muted line-h-md"></view>
			   <view>收藏</view>
		   </view>
		   <view
			@click="goToCart"
			
			class="flex-1   d-flex flex-column    a-center j-center"  style="height: 100upx;"  hover-class="bg-light-secondary">
			   <view  class="iconfont icon-gouwuche text-muted line-h-md"></view>
			   <view>购物车</view>
		   </view>
		   <view class=" main-bg-color text-white   d-flex   a-center j-center  " style="flex: 2.5; height: 100upx;"
		   hover-class="main-bg-hover-color"
		   >加入购物车</view>
		 
	 </view>
	 
	 
	 </view>
</template>

<script>
	
	
	export  default  {
		
		methods:{
			goToCart(){
				alert(1)
				uni.switchTab({
					url:"../../pages/cart/cart"
				})
			}
 		}
		
	}
</script>

<style>
</style>
